﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Главная</title>
<link href="css/fonts.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 9]> 
<link href="/skin/css/ie.css" rel="stylesheet" type="text/css"/>
<script src="js/html5.js"></script> 

<script type="text/javascript" src="js/PIE.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/fieldstyle.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<section class="home_wrapper">
<ul id="backslider">
<li class="showed" style="background:url(images/interior1.jpg)"></li> 
<li style="background:url(images/interior2.jpg)"></li> 
<li style="background:url(images/interior3.jpg)"></li> 
<li style="background:url(images/interior4.jpg)"></li>   
</ul>
<a id="hprev_lnk"><span></span></a>
<a id="hnext_lnk"><span></span></a>

	<div class="wrapper cl">
		<div class="home_wrapper_holder">
			<section class="title_holder">
				<h1 class="home_title">WHOEVER WILL OPEN HIS HOUSE<br/>
					<span>TO BROTHERS IN CHRIST -</span><br/>
					<strong>WILL BE BLESSED!</strong></h1>
			</section>
			<article>Join our host &amp; guest community for free and gain 3 times: <br/>
make money &amp; fellowship &amp; blessing!</article>


			<a href="#" class="make_money_lnk"> <i>$</i> <span>MAKE MONEY WITH US —<br>
			<span>RENT YOUR SPACE!</span> </span> </a> <a href="#" class="how_it_works_lnk"><span>How it Works?</span><i></i></a>
			<div class="form_container">
			<h3>Find a place to stay.</h3>
				<form action="#" method="get">
					<div class="destination_wrap br5"><input type="text" value="Choose your destination..." class="destination br5"/></div>
					<div class="date_in br5" id="dateIn_home"><input type="text" value="" class="home_datePicker"><span></span><i>Check in</i> </div>
					<div class="date_out br5" id="dateOut_home"><input type="text" value="" class="home_datePicker"> <span></span><i>Check out</i></div>
					<div class="select br5 fl">
						<select>
							<option>1 Guest</option>
							<option>2 Guests</option>
							<option>3 Guests</option>
							<option>4 Guests</option>
							<option>5 Guests</option>
							<option>6 Guests</option>
							<option>7 Guests</option>
							<option>8 Guests</option>
							<option>9 Guests</option>
							<option>10 Guests</option>
							<option>11 Guests</option>
							<option>12 Guests</option>
							<option>13 Guests</option>
							<option>14 Guests</option>
							<option>15 Guests</option>
							<option>16+ Guests</option>
						</select>
						</div>
					<span class="submit br5">
					<input type="submit" class="btn br5" value=""/>
					</span>
					<a href="#" class="adv_search fl">Advanced search</a>
				</form>
			</div>
		</div>
	</div>
</section>
<section class="container br5 home_page">
	<header> <a href="#" id="logo"><img src="images/logo.png" alt="logo" /></a>
		<nav class="fl">
			<ul id="nav">
				<li class="contact"><a href="#">Contact us<span></span></a></li>
				<li class="bookmarks"><a href="#">Bookmarks<span></span></a></li>
				<li class="log_in"><a href="#">Log in<span></span></a></li>
				<li class="sign_up"><a href="#">Sign up<span></span></a></li>
			</ul>
		</nav>
		<a href="#" id="rent_btn" class="br5"><span class="br5">Rent your space</span></a> </header>
	<div class="wrapper cl">
		<ul id="continents" class="cl">
			<li class="europe"><a href="#" title="Classic Europe"><span>Classic Europe</span><i></i></a></li>
			<li class="america"><a href="#" title="Young America"><span>Young America</span><i></i></a></li>
			<li class="asia"><a href="#" title="Hot Asia"><span>Hot Asia</span><i></i></a></li>
			<li class="africa"><a href="#" title="Wild Africa"><span>Wild Africa</span><i></i></a></li>
			<li class="australia"><a href="#" title="Exotic Australia &amp;  New Zealand"><span>Exotic Australia &amp;  New Zealand</span><i></i></a></li>
		</ul>
		<ul id="sub_nav" class="cl">
			<li class="lnk1"><a href="#" title="Most popular"><span>Most popular</span></a></li>
			<li class="lnk2"><a href="#" title="Hot deals"><span>Hot deals</span></a></li>
			<li class="lnk3"><a href="#" title="Become a volunteer"><span>Become a volunteer</span></a></li>
			<li class="lnk4"><a href="#" title="Our vision &amp; inspiration"><span>Our vision &amp; inspiration</span></a></li>
			<li class="lnk5"><a href="#" title="Donate &amp; our projects"><span>Donate &amp; our projects</span></a></li>
		</ul>
		<div class="cl">
			<section class="b_btns_box">
				<h3>Find us on:</h3>
				<ul class="btns cl">
					<li class="facebook"><a href="#"></a></li>
					<li class="twitter"><a href="#"></a></li>
					<li class="google"><a href="#"></a></li>
					<li class="youtube"><a href="#"></a></li>
				</ul>
			</section>
			<div class="separator fl"> </div>
			<section class="b_btns_box">
				<h3>We accept:</h3>
				<ul class="btns cl">
					<li class="paypal"><a href="#"></a></li>
					<li class="mastercard"><a href="#"></a></li>
					<li class="visa"><a href="#"></a></li>
				</ul>
			</section>
		</div>
	</div>
</section>
<footer>
	<div class="br"></div>
</footer>
</body>
</html>
